<!DOCTYPE html>

<html lang="en">

  <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">

    <title>祝毕业</title>

    

    <!-- style -->

    <link href="css/style.css" rel="stylesheet" type="text/css">

    <!-- Bootstrap -->

    <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css">

    <!-- carousel -->

    <link href="css/owl.carousel.css" rel="stylesheet" type="text/css">

    <!-- responsive -->

    <link href="css/responsive.css" rel="stylesheet" type="text/css">

    <!-- font-awesome -->

    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">

    <!-- font-awesome -->

    <link href="css/animate.min.css" rel="stylesheet" type="text/css">

    <link href="css/popup.css" rel="stylesheet" type="text/css">

  </head>

   <body class="module-home" data-spy="scroll" data-target=".navbar">



	<!-- header -->

    	<header role="header" class="header-top" id="headere-top">

        

        	<div class="header-fixed-wrapper" role="header-fixed">

                <div class="container">

                    <!-- hgroup -->

                    <hgroup class="row">

                        <!-- logo -->

                        <div class="col-xs-5 col-sm-2 col-md-2 col-lg-2">

                            <h1>

                                <a href="#headere-top" title="Rooky"><img src="images/logo.png" alt="Rooky" title="Rooky"/></a>

                            </h1>

                        </div>

                        <!-- logo -->

                        <!-- nav -->

                        <nav role="navigation" class="col-xs-12 col-sm-10 col-md-10 col-lg-10 navbar navbar-default">

                            <div class="navbar-header">

                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">

                                    <span class="sr-only">Toggle navigation</span>

                                    <span class="icon-bar"></span>

                                    <span class="icon-bar"></span>

                                    <span class="icon-bar"></span>

                                </button>

                            </div>

                            <div id="navbar" class="navbar-collapse collapse">            

                                <ul class="nav navbar-nav">			          

                                    <li class="active"><a href="#headere-top" title="Home">主页</a></li>

                                    <li><a href="#section-one" title="Overview">倾情服务</a></li>

                                    <li><a href="#section-two" title="Features">客户定位</a></li>

                                    <li><a href="#section-three" title="Pricing">服务价格</a></li>

                                    <li><a href="#section-four" title="Team">客户展示</a></li>

                                    <li><a href="#section-five" title="Contact">联系我们</a></li>

                                    <!--<li><a href="#section-six" title="Join Us">在线咨询</a></li>-->

                                </ul>

                            </div>

                        </nav>

                        <!-- nav -->

                    </hgroup>

                    <!-- hgroup -->

                  </div>

            </div>

            <!-- banner Text --> 

                 <section class="text-center">

                    <h2>毕业季，充满梦想，忘却烦恼，让我们心无旁骛驶向未来</h2>

                    <p>以我们的专业及完美，为你提供全方位服务</p>

                     

                     <a class="popup-vimeo video-button" href=""><i class="fa fa-caret-right" aria-hidden="true"></i></a>

                     <a  href="#" class="button-header">毕业，祝好</a>

                </section>

                

            <!-- banner Text -->   

                

            <!-- banner image -->

        	<figure>

            	<div class="parallax-window item tp-banner-container" data-parallax="scroll" data-image-src="images/bg.jpg"></div>

            </figure>

            <!-- banner image -->

        </header>

    <!-- header -->

	

    <!-- main -->

    	<main role="main" id=" main-wrapper">

        	

            <!-- top pan -->

            <section role="loges" class="top-pan">

            	<div class="container">

                	<ul class="row">

                    	<li class="col-xs-12 col-sm-3 col-md-2 col-lg-2 ">Trusted by</li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2 ">

                        	<a href="#"><img src="images/logoes/logoes-1.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                        	<a href="#"><img src="images/logoes/logoes-2.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                        	<a href="#"><img src="images/logoes/logoes-3.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                        	<a href="#"><img src="images/logoes/logoes-4.png" alt="" class="img-responsive"/></a>

                        </li>

                        <li class="col-xs-4 col-sm-3 col-md-2 col-lg-2">

                        	<a href="#"><img src="images/logoes/logoes-5.png" alt="" class="img-responsive"/></a>

                        </li>

                    </ul>

                </div>

            </section>

        	<!-- top pan -->

            

            <!-- section-one -->

            <section class="section-one text-center" id="section-one">

            	<div class="container">

                	<header role="title-page">

                        <h4>What we do</h4>

                        <h2>我们可以全方位为您代劳毕业设计<br/>让你更加专注于自己的打算.</h2>

                    </header>

                    <article>

                    	<p>毕业论文三大点：格式，质量，除重。格式：行距宋体，页眉标注，在这里我们提供标准模范格式。质量：覆盖每个该有的知识点。除重：</p>

                    </article>

                    

                    <!-- four boxes  -->

                    	<div class="row four-box-pan" role="four-box">

                        	

                            <section class="col-xs-12 col-sm-6 col-md-3">

                            	<figure><i class="fa fa-rocket" aria-hidden="true"></i></figure>

                            	<h5>JAVA Web</h5>

                                <p>基于Spring+SpringMVC+Mybatis分布式敏捷开发系统架构，提供整套公共微服务服务模块：集中权限管理、内容管理、支付中心、配置中心、日志分析努力为同学们打造全方位J2EE毕业答辩解决方案</p>

                            </section>

                            <section class="col-xs-12 col-sm-6 col-md-3">

                            	<figure><i class="fa fa-magic" aria-hidden="true"></i></figure>

                            	<h5>PHP Web</h5>

                                <p>从毕业答辩角度开发整个项目，采用web开发最新技术，HTML5,CSS3,更多的面向对象的技术，方便书写你的答辩论文，还可以由你来制定开发，我们提供thinkphp，Laravel，等多种框架开发 </p>

                            </section>

                            <section class="col-xs-12 col-sm-6 col-md-3">

                            	<figure><i class="fa fa-paper-plane" aria-hidden="true"></i></figure>

                            	<h5>H5 Application</h5>

                                <p>整个答辩项目，包含应有尽有的H5答辩技能，该有的需求，例如，H5音乐播放网站，视频播放网站，在线购物网站。由你选择，我们替你实现，或者我们相应你的制定需求</p>
                            </section>

                            <section class="col-xs-12 col-sm-6 col-md-3">

                            	<figure><i class="fa fa-television" aria-hidden="true"></i></figure>

                            	<h5>计算机网络规划</h5>

                                <p>还在害怕吕爷爷的计算机网络吗？我们可以为你服务，让你从一份网络规划需求书，到详细的项目答辩文档。我们详细到网络拓扑图，子网划分，VLAN安全配置。</p>

                            </section>

                            

                        </div>

                    <!-- four boxes -->

                    

                </div>

            </section>

            <!-- section-one -->

            

            <!-- section-two -->

            <section class="section-two" id="section-two">

            	

                <!-- image-content -->

                <section>

                	<div class="col-xs-12 col-sm-6 col-md-6">

                    	<article>

                        	<h2>选择我们的原因.</h2>

                            <!--<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo orta felis euismod semper.Maecenas sed diam eget risus varius blandit sit amet non magna. Morbi leo orta felis euismod semper.</p>-->

                            <ul>

                                <li>来自同校专业团队的文档协助 </li>

                                <li>整个答辩期间提供24小时技术支持，远离二辩</li>

                                <li>货到付款式服务.毕业答辩不通过，不收取你任何费用</li>

                                <li>远离网络诈骗，同校校友面对面交谈</li>

                            </ul>

                        </article>

                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                        <figure class="row" style="background-image:url('images/bg2.jpg')"></figure>

                    </div>

                 </section>

                <!-- image-content -->

                <div class="clearfix"></div>

                 <!-- image-content -->

                 <section>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                    	<figure class="row" style="background-image:url('images/bg3.jpg')"></figure>

                    </div>

                    <div class="col-xs-12 col-sm-6 col-md-6">

                    	<article>

                    		<h2>我们的保证：</h2>

                            <p>“一步到位”，轻松完成答辩，远离二辩</p>
                            <p>清晰的文档，以及代码注释，让你一读就懂，一读就会</p>
                            <p>同校专业的技术人员，随时在线解答疑惑</p>
                            <p>清楚了解答辩的流程，以及其中各种“难点”</p>

                        </article>

                    </div>

                 </section>

                <!-- image-content -->

                <div class="clearfix"></div>

                

                <!-- video -->

                <div class="video-pan text-center">

                	<a id="video" class="player" data-property="{videoURL:'',containment:'.bg-container-youtube', showControls:false,autoPlay:true, loop:true, startAt:0, opacity:1, addRaster:false, quality:'large'}"></a>

        

                    <!-- 5.0 background container autoPlay:true,  -->

                    <div class="bg-container-youtube"></div>

                	<header><a class="popup-vimeo video-button" href=""><i class="fa fa-caret-right" aria-hidden="true"></i></a>

                    <h4>Video Preview Of Product</h4>

                    </header>

                </div>

                <!-- video -->

                

                <!--slider pan -->

                <div class="slider-pan">

                	<header role="title-page" class="text-center">

                    	<h4>Customer Voice</h4>

                    </header>

                    <!-- carousel -->

                    <div id="owl-demo" class="owl-carousel text-center" role="slider">

                    

                    	<section class="item">

                            <article>

                                想要一个完美的毕业设计，给自己的大学加上一个完美的句号。

                            </article>

                            <header>

                                <h5>请选择我们</h5>

                                <h6>我们助你实现</h6>

                            </header>

                       	</section>

                        <section class="item">

                            <article>

                                能力不足，但是想完成一个完美的毕业设计

                            </article>

                            <header>

                                <h5>请选择我们</h5>

                                <h6>我们助你实现</h6>

                            </header>

                       	</section>

                        <section class="item">

                            <article>

                                太忙，事情太多，根本没时间来考虑毕业设计，希望能最轻松的完成毕业设计

                            </article>

                            <header>

                                <h5>请选择我们</h5>

                                <h6>我们助你实现</h6>

                            </header>

                       	</section>

                        <section class="item">

                            <article>
                                想早点拿到自己的毕业设计，自己看文档，代码
                            </article>

                            <header>

                                <h5>请选择我们</h5>

                                <h6>我们助你实现</h6>
                            </header>

                       	</section>

                        

                        

                    </div>

                    <!-- carousel -->

                </div>

                <!--slider pan -->

                

            </section>

            <!-- section-two -->

            

            <!-- section-three -->

            <section class="section-three" id="section-three">

            	<div class="container">

                	<header role="title-page" class="text-center">

                    	<h4>Flexible Plans</h4>

                        <h2>选择适合你个人情况的套餐及计划,<br/> 我们将更完美的为你服务.</h2>

                    </header>

                    <!-- pricing -->

                    <div class="pricing">

                    	<section>

                        	<header><h4>普通版</h4></header>

                            <h2><span>￥***</span> /期</h2>

                            <ul>
                                <li>在校24小时技术支持</li>

                                <li>项目功能交付展示</li>

                                <li>项目源码，设计文档提供</li>



                            </ul>
                            <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=eb59dba3339d8bbb10328a4586944f3e577329576a45f3ad679b5db2e3f3eba9"><input name="" type="button" value="联系我们"></a>


                        </section>

                        <section>

                        	<header><h4>豪华版</h4></header>

                            <h2><span>￥****</span> /期</h2>

                            <ul>
                                <li>在校24小时技术支持</li>

                                <li>项目功能交付展示</li>

                                <li>项目源码，设计文档提供</li>

                                <li>20页答辩文档，内容，格式代劳服务</li>



                            </ul>
                            <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=eb59dba3339d8bbb10328a4586944f3e577329576a45f3ad679b5db2e3f3eba9"><input name="" type="button" value="联系我们"></a>


                        </section>

                        <section>

                        	<header><h4>至尊版</h4></header>

                            <h2><span>￥****</span> /期</h2>

                            <ul>
                                <li>在校24小时技术支持</li>

                                <li>项目功能交付展示</li>

                                <li>项目源码，设计文档提供</li>

                                <li>20页答辩文档，内容，格式代劳服务</li>

                                <li>线下打印，答辩时间预约，躺过式服务</li>


                            </ul>

                            <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=eb59dba3339d8bbb10328a4586944f3e577329576a45f3ad679b5db2e3f3eba9"><input name="" type="button" value="联系我们"></a>

                        </section>

                    </div>

                    <!-- pricing -->

                </div>

            </section>

            <!-- section-three -->

            

            <!-- section-four -->

            <section class="section-four" id="section-four">

            	<div class="container">

                    <header role="title-page" class="text-center">

                        <h4>Meet The Team</h4>

                        <h2>作品展示 <br/></h2>

                    </header>

                    <!-- Team -->

                    <div class="team-pan row">

                    	

                        <section class="col-xs-12 col-sm-6 col-md-3">

                        	<figure><a href=""><img src="images/17820683584548ef49b4fm_640_385_5.png" alt="" class=" img-responsive"/></a></figure>

                        	<header>

                            	<h5>作品展示</h5>



                            </header>

                        </section>

                        <section class="col-xs-12 col-sm-6 col-md-3">

                        	<figure><a href="http://www.scu.edu.cn/"><img src="images/17820683584548ef49b4fm_640_385_5.png" alt="" class=" img-responsive"/></a></figure>

                        	<header>

                            	<h5>四川大学</h5>





                            </header>

                        </section>

                        <section class="col-xs-12 col-sm-6 col-md-3">

                        	<figure><a href="http://www.schsos.com/"><img src="images/7441692215845345013c87m_640_385_5.jpg" alt="" class=" img-responsive"/></a></figure>

                        	<header>

                            	<h5>华西海投</h5>





                            </header>

                        </section>

                        <section class="col-xs-12 col-sm-6 col-md-3">

                        	<figure><a href="http://www.xb-ny.com/"><img src="images/169991874158454914ee461m_640_385_5.png" alt="" class=" img-responsive"/></a></figure>

                        	<header>

                            	<h5>西部农业交易网</h5>



                            </header>

                        </section>

                        

                    </div>

                    <!-- Team -->

                </div>

            </section>

            <!-- section-fore -->

            

            <!-- section-five -->

            <section class="section-five" id="section-five">

            	<div class="container">

                	 <header role="title-page" class="text-center">

                        <h4>联系我们</h4>

                        <h2>如果你有意向，想要不用费任何力，不同任何专业知识完成一个好的毕业设计</h2>

                    </header>

                    <!-- subscribe -->

                    <div class="subscribe-form">

                        <div class="ntify_form">

                            <form method="post" action="php/subscribe.php" name="subscribeform" id="subscribeform">
                                <center><span style="font-size: 20px">加群详细了解</strong></span></center>
                                <center> <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=eb59dba3339d8bbb10328a4586944f3e577329576a45f3ad679b5db2e3f3eba9"><input name="" type="button" value="联系我们"></a>
                                </center>

                                <!--<input name="text" type="text" id="subemail" placeholder="Email Address">-->

								<!---->

                                <!--<button type="submit" name="" value="Submit">-->

                                <!--Subscribe <i class="fa fa-envelope" aria-hidden="true"></i></button>-->

                            </form>

                            <!-- subscribe message -->

                            <div id="mesaj"></div>

                            <!-- subscribe message --> 

                        </div>

                    </div>

                    <!-- subscribe -->

                </div>

            </section>

            <!-- section-five -->

            

            <!-- section-six -->

            <!--<section class="section-six" id="section-six">-->

            	<!--<div class="container">-->

                	 <!--<header role="title-page" class="text-center">-->

                        <!--<h4>Get in touch</h4>-->

                        <!--<h2>Have any questions? Our team will happy to<br/>answer your questionss.</h2>-->

                    <!--</header>-->

                    <!--&lt;!&ndash; contact-form &ndash;&gt;-->

                    <!--<div class="contact-form">-->

                        <!--<div id="message"></div>-->

                                <!--<form method="post" action="php/contactfrom.php" name="cform" id="cform">-->

                                <!--<div class="col-md-6 col-lg-6 col-sm-6">-->

                                	<!--<input  name="name" id="name" type="text" placeholder="Full Name">-->

                                <!--</div>-->

                                <!--<div class="col-md-6 col-lg-6 col-sm-6">-->

                                	<!--<input  name="email" id="email" type="email"  placeholder="Email Address">-->

                                <!--</div>-->

                                <!--<div class="clearfix"></div>-->

                                <!--<textarea name="comments" id="comments" cols="" rows="" placeholder="Question in Detail"></textarea>-->

                                <!--<div class="clearfix"></div>-->

                                <!--<input name="" type="submit" value="Send mail">-->

                                <!--<div id="simple-msg"></div>-->

                        <!--</form>-->

                     <!--</div>-->

                    <!--&lt;!&ndash; contact-form &ndash;&gt;-->

                    <!--<div class="clearfix"></div>-->

                <!--</div>-->

                <!--&lt;!&ndash; map &ndash;&gt;-->

                 <!--<div class="map-wrapper">-->

                        <!--<div id="surabaya"></div>-->

                    <!--</div>-->

                <!--&lt;!&ndash; map &ndash;&gt;-->

            <!--</section>-->

            <!-- section-six -->

            

           <!-- footer -->

           <footer role="footer" class="footer text-center">

           		<div class="container">

                	<!-- socil-icons -->

                	<section role="socil-icons" class="socil-icons">

                        <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-dribbble" aria-hidden="true"></i></a>

                        <a href="#"><i class="fa fa-behance" aria-hidden="true"></i></a>

                    </section>

                    <!-- socil-icons -->

                    <!-- nav -->

                    <nav role="footer-nav">

                        <a href="#">Terms of Use </a> 

                        <a href="#">Privacy Policy</a>

                    </nav>

                    <!-- nav -->

                    <p class="copy">&copy; 2016 all right </p>

                </div>

           </footer>

           <!-- footer -->

            

        </main>

    <!-- main -->

    



    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <script src="js/jquery.min.js" type="text/javascript"></script>

    

	<script src="js/parallax.min.js" type="text/javascript"></script>

	<script type="text/javascript">

    	$('.parallax-window').parallax({});

    </script>

    <script src="js/main.js" type="text/javascript"></script>

	<script src="js/owl.carousel.js" type="text/javascript"></script>

    <script src="js/maps.js" type="text/javascript"></script>

    <script type="text/javascript" src="js/jquery.mb.YTPlayer.js"></script>

	<script type="text/javascript" src="js/video.js"></script>

    <script src="js/custom.js" type="text/javascript"></script>

	<script src="js/jquery.magnific-popup.min.js" type="text/javascript"></script>

	<script src="js/jquery.contact.js" type="text/javascript"></script>

    <script src="js/bootstrap.min.js" type="text/javascript"></script>

	<script src="js/html5shiv.min.js" type="text/javascript"></script>



  </body>

</html>